<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="images/manifest.json">
    {% if scalable is sameas false%}
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    {%  else %}
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    {% endif %}
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="theme-color" content="#ffffff">
	<title>{{ title }}</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-web-app-capable" content="yes">
    <meta name='mobile-web-app-capable' content='yes'>
	<link rel="stylesheet" type="text/css" href="compiled_css/{{skin}}/{{name}}_application.css">
	<link rel="stylesheet" type="text/css" href="css/jquery.gridster.css">
	<link rel="stylesheet" type="text/css" href="css/climacons-font.css">
	<link rel="stylesheet" type="text/css" href="css/all.css">
    {% if fa4compatibility == True %}
	<link rel="stylesheet" type="text/css" href="css/v4-shims.min.css">
	{%endif%}
    <link rel="stylesheet" type="text/css" href="css/materialdesignicons.min.css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
	<link rel="stylesheet" type="text/css" href="css/rickshaw.min.css"/>
    <link rel="stylesheet" href="css/fonts.css">
	<script type="text/javascript" src="javascript/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="javascript/jquery.gridster.js"></script>
	<script type="text/javascript" src="javascript/jquery-ui.js"></script>
{#	<script type="text/javascript" src="javascript/plotly.min.js"></script>#}
    <script type="text/javascript" src="javascript/raphael-2.1.4.min.js"></script>
    <script type="text/javascript" src="javascript/justgage.js"></script>
    <script type="text/javascript" src="javascript/knockout-3.4.1.js"></script>
    <script type="text/javascript" src="javascript/d3.min.js"></script>
    <script type="text/javascript" src="javascript/d3.layout.min.js"></script>
    <script type="text/javascript" src="javascript/rickshaw.min.js"></script>
    <script type="text/javascript" src="javascript/gauge.min.js"></script>
    {% if transport == "ws" %}
	<script type="text/javascript" src="javascript/reconnecting-websocket.min.js"></script>
    {% elif transport == "socketio" %}
    <script type="text/javascript" src="javascript/socket.io.js"></script>
    {%  elif transport == "sockjs" %}
    <script type="text/javascript" src="javascript/sockjs.min.js"></script>
    {% endif %}
	<script type="text/javascript" src="javascript/dashboard.js"></script>
	<script type="text/javascript" src="javascript/stream.js"></script>
	<script type="text/javascript" src="compiled_javascript/application.js"></script>
	<script type="text/javascript" src="compiled_javascript/{{skin}}/{{name}}_init.js"></script>

    {{  head_includes }}

</head>
<body>
    {{ body_includes }}
            <div class="dasboard-main" id="container">
            <div class="gridster">
			<ul>
			</ul>
            </div>
            </div>
</body>
</html>
